<template>
  <div class="HisMaintain">
    <div class="head">
      <van-nav-bar title="保修历史" left-text="返回" left-arrow @click-left="onClickLeft" />
    </div>
    <div class="contain">
      <DetalMaintain></DetalMaintain>
      <DetalMaintain></DetalMaintain>
    </div>
    <van-divider>暂无新的保修历史</van-divider>
  </div>
</template>

<script>
import Vue from 'vue'
import { NavBar, Col, Row, Image as VanImage, Divider } from 'vant'
import DetalMaintain from '../../components/DetalMaintain.vue'
Vue.use(NavBar).use(Col).use(Row).use(VanImage).use(Divider)
export default{
  name: 'HisMaintain',
  components: {
    'DetalMaintain': DetalMaintain
  },
  data () {
    return {
    }
  },
  methods: {
    // 返回首页
    onClickLeft () {
      this.$router.back(-1)
    }
  }
}
</script>

<style scoped>
.HisMaintain{
  width: 100%;
  height: 100%;
  background-color: rgb(247, 245, 245)
}
.van-divider{
  margin: 0;
}
</style>
